/**
 *  @view
 *  @互联家商户房型页面 
 */

import React, { Component } from 'react';
import { StyleSheet, ScrollView, View, Text, Image, Button } from 'react-native';

/**
 *  @style
 *  @页面主要样式表导入
 */
import roomStyle from '../styles/room';

/**
 *  @icon
 *  @icon图表导入
 */
const modifyIcon = require('../assets/images/icon/modify.png');
const textimage = require('../assets/images/img/ash.png');

export default class HomeScreen extends Component {

  static navigationOptions = {
    headerTitle: '房型管理',
    headerRight: <View />,
  };

  render() {
    return (
      <ScrollView style={styles.scrollContainer}>

        <View style={styles.containerBox}>
          <View style={styles.container}>

            <View style={styles.containerItem}>
              <Image style={styles.containerItemImage} source={textimage} />
              <View style={styles.containerItemTheme}>
                <View style={{ marginBottom: 3 }}>
                  <Text style={styles.containerItemThemeTitle}>豪华大床房</Text>
                </View>
                <View>
                  <Text style={styles.containerItemThemeIns} numberOfLines={2}>拥有舒适的大床房，超大型浴缸。让您的生活充满更多的惊喜，需要大床房的请选择我们。</Text>
                </View>
                <View style={styles.containerItemIconBox}>
                  <Image style={styles.containerItemIcon} source={modifyIcon} />
                </View>
              </View>
            </View>


            <View style={styles.containerItem}>
              <Image style={styles.containerItemImage} source={textimage} />
              <View style={styles.containerItemTheme}>
                <View style={{ marginBottom: 3 }}>
                  <Text style={styles.containerItemThemeTitle}>豪华大床房</Text>
                </View>
                <View>
                  <Text style={styles.containerItemThemeIns} numberOfLines={2}>拥有舒适的大床房，超大型浴缸。让您的生活充满更多的惊喜，需要大床房的请选择我们。</Text>
                </View>
                <View style={styles.containerItemIconBox}>
                  <Image style={styles.containerItemIcon} source={modifyIcon} />
                </View>
              </View>
            </View>

            <View style={styles.addRoomBtn}>
              <Button
                onPress={() => this.props.navigation.navigate('AddRoom')}
                title="添加房型"
                color="#0766f1"
                accessibilityLabel="点击跳转添加房型"
              />
            </View>
          </View>
        </View>


      </ScrollView>
    );
  };
};


const styles = StyleSheet.create(roomStyle);